.main {
  display: flex;
  .main_side_menu {
    overflow: hidden;
    height: 100%;
    background-color: #fff;
    .side_menu {
      overflow-y: scroll;
      margin-right: -18px;
      height: 100%;
      .main_logo {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        letter-spacing: 3px;
        color: #fff;
        text-align: center;
        background-color: #200DA5;
      }
    }
  }
  .head_conent {
    flex: 1;
    height: 100%;
    .main_header {
      padding: 0 20px;
      height: 50px;
      background-color: #003DF0;
    }
    .outer-container{
      width: 100%;
      height: ~"calc(100% - 50px)";
      position: relative;
      overflow: hidden;
      .inner-container{
        position: absolute;
        left: 0;
        top: 0;
        right: -18px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        .content {
          padding: 20px;
          width: ~"calc(100% - 58px)";
        }
      }
    }
  }
}

.inner-container::-webkit-scrollbar { display: none; }
.inner-container { -ms-overflow-style: none; }
.inner-container { overflow: -moz-scrollbars-none; }